﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Admin.Master" AutoEventWireup="true" CodeBehind="user_new.aspx.cs" Inherits="LinkCard.AdminCP.User.user_new" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" >
        var $j = jQuery.noConflict(); //set no conflict so you can use with MS AJAX.
        var submitUsername = true;
        var submitPassword = true;
        var submitConfirmPw = true;

        $j(document).ready(function () {
            $j("#<%=Username.ClientID %>").blur(function () {
                $j.ajax({
                    type: "POST",
                    url: "user_new.aspx/CheckUserName",
                    data: "{'sUsername':'" + $j("#<%=Username.ClientID %>").val() + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (message) {
                        //Set the spanChecking text letting user know if the uname is available
                        if (message.d != true) {
                            $j("#spanUsername").css({
                                "color": "red", "font-weight": "bold", "font-size": "small",
                                "padding-left": "15px"
                            });

                            $j("#spanUsername").text("Tên đăng nhập này đã tồn tại")
                            submit = false;
                        }
                        else if ($j("#<%=Username.ClientID %>").val().length < 6) {
                            $j("#spanUsername").css({
                                "color": "red", "font-weight": "bold", "font-size": "small",
                                "padding-left": "15px"
                            });
                            $j("#spanUsername").text("Tên đăng nhập phải lớn hơn hoặc bằng 6 kí tự");
                            submitUsername = false;
                        }
                        else {
                            $j("#spanUsername").css({
                                "color": "green", "font-weight": "bold", "font-size": "small",
                                "padding-left": "15px"
                            });
                            $j("#spanUsername").text("Tên đăng nhập được phép sử dụng")
                            submitUsername = true;
                        }
                    },
                    error: function (errormessage) {
                        //you would not show the real error to the user - this is just to see if everything is working
                        $j("#spanChecking").text(errormessage.responseText);
                    }
                });
            });
            $j("#<%=Password.ClientID %>").blur(function () {
                if ($j("#<%=Password.ClientID %>").val() == "") {
                    $j("#spanPassword").css({
                        "color": "red", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });
                    $j("#spanPassword").text("Chưa điền mật khẩu");
                    submitPassword = false;
                }
                else if ($j("#<%=Password.ClientID %>").val().length < 6) {
                    $j("#spanPassword").css({
                        "color": "red", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });
                    $j("#spanPassword").text("Mật khẩu phải lớn hơn hoặc bằng 6 kí tự");
                    submitPassword = false;
                }
                else {
                    $j("#spanPassword").css({
                        "color": "green", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });
                    $j("#spanPassword").text("Mật khẩu được phép sử dụng");
                    submitPassword = true;
                }
            });
            $j("#<%=ConfirmPw.ClientID %>").blur(function () {
                if ($j("#<%=ConfirmPw.ClientID %>").val() == "") {
                    $j("#spanConfirmPw").css({
                        "color": "red", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });
                    $j("#spanConfirmPw").text("Chưa điền Nhập lại mật khẩu");
                    submitConfirmPw = false;
                }
                else if ($j("#<%=ConfirmPw.ClientID %>").val() != $j("#<%=Password.ClientID %>").val()) {
                    $j("#spanConfirmPw").css({
                        "color": "red", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });
                    $j("#spanConfirmPw").text("Mật khẩu chưa khớp");
                    submitConfirmPw = false;
                }
                else if ($j("#<%=ConfirmPw.ClientID %>").val().length < 6) {
                    $j("#spanConfirmPw").css({
                        "color": "red", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });
                    $j("#spanConfirmPw").text("Mật khẩu phải lớn hơn hoặc bằng 6 kí tự");
                    submitPassword = false;
                }
                else {
                    $j("#spanConfirmPw").css({
                        "color": "green", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });
                    $j("#spanConfirmPw").text("Mật khẩu khớp");
                    submitConfirmPw = true;
                }
            });

            $j("#<%=btnAdd.ClientID %>").click(function () {
                if ($j("#<%=Username.ClientID %>").val() == "") {
                    $j("#spanUsername").css({
                        "color": "red", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });

                    $j("#spanUsername").text("Chưa điền tên đăng nhập")
                    return false;
                }
                if ($j("#<%=Password.ClientID %>").val() == "") {
                    $j("#spanPassword").css({
                        "color": "red", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });
                    $j("#spanPassword").text("Chưa điền mật khẩu");
                    return false;
                }
                if ($j("#<%=ConfirmPw.ClientID %>").val() == "") {
                    $j("#spanConfirmPw").css({
                        "color": "red", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });
                    $j("#spanConfirmPw").text("Chưa điền Nhập lại mật khẩu");
                    return false;
                }
                if (submitUsername == true && submitPassword == true && submitConfirmPw == true) { //Username is not available
                    return true;
                }
                else {
                    return false;
                }
                return false;
            });
        });

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <section id="content">
  <section class="container_12 clearfix">
    <section id="main" class="grid_12">
      <article>
        <div class="h1">Thêm mới người dùng</div>
        
          <dl class="inline">
            <dt>
              <label >Tên đăng nhập:</label>
            </dt>
            <dd>
              <input type="text"   class="medium" id="Username" runat="server"  />
               <span id="spanUsername"></span>
            </dd>
            <dt>
              <label >Mật khẩu:</label>
            </dt>
            <dd>
              <input type="password" id="Password" class="medium required" runat="server" />
                <span id="spanPassword"></span>
            </dd>
            <dt>
              <label >Nhập lại mật khẩu:</label>
            </dt>
            <dd>
              <input type="password" id="ConfirmPw" class="medium required" runat="server" />
               <span id="spanConfirmPw"></span>
            </dd>
            <dt>
            <label>Quyền sử dụng</label>
            </dt>
            <dd>
            <input type="checkbox" name="Permission1" value="ON" id="Permission1" runat="server" /> Quản lý Hệ thống
            <input type="checkbox" name="Permission2" value="ON" id="Permission2" runat="server" /> Quản lý Khách hàng
            <input type="checkbox" name="Permission3" value="ON" id="Permission3" runat="server" /> Quản lý Nhân viên
            </dd>
            <dt>
            
            </dt>
            <dd>
            <input type="checkbox" name="Permission4" value="ON" id="Permission4" runat="server" /> Quản lý Đối tác
            <input type="checkbox" name="Permission5" value="ON" id="Permission5" runat="server" /> Quản lý Tin bài - Trang chủ
            <input type="checkbox" name="Permission6" value="ON" id="Permission6" runat="server" /> Xem duyệt Báo cáo
            </dd>

             <dt>
              <label >Mô tả:</label>
            </dt>
            <dd>
              <input type="text"   class="big" id="Description" runat="server" />
            </dd>

            <dt>
              <label >Họ và tên:</label>
            </dt>
            <dd>
              <input type="text"   class="big" id="Fullname" runat="server" />
            </dd>
            
            
            <dt>
              <label >Điện thoại di động:</label>
            </dt>
            <dd>
              <input type="text"   class="big" id="MobilePhone" runat="server" />
            </dd>
            <dt>
              <label >Email:</label>
            </dt>
            <dd>
              <input type="text"   class="big" id="Email" runat="server" />
            </dd>
            <dt>
              <label >Địa chỉ:</label>
            </dt>
            <dd>
              <textarea class="big"  rows="4" id="Address" runat="server"></textarea>
            </dd>
            
          </dl>
          <p>
          <asp:Button class="button big" Text="Lưu" ID="btnAdd" runat="server" 
                  onclick="btnAdd_Click" style="width:auto;"   />
          </p>
       
      </article>
    </section>
  </section>
</section>
</asp:Content>